<meta charset="UTF-8">
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1 style="text-align:center">
        企业信息
      </h1>
    </section>
    <section class="content">
         <div class="panel-body" style="padding-bottom:0px;">
			<div id="toolbar">
 				<!-- 功能按钮组 -->
 				<div class="btn-group">
 					<button id="btn_add" type="button" class="btn btn-default">
 						<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
 					</button>
 					<button id="btn_edit" type="button" class="btn btn-default">
 						<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
 					</button>
				    <button id="btn_delete" type="button" class="btn btn-default">
				 		<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
				 	</button>
				 	<button id="btn_pdf" type="button" class="btn btn-default export-pdf">
				 		<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>导出PDF
				 	</button>
 				</div>
    			<!-- 查询条件筛选 -->
			    <div class="btn-group">
			        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			           全部餐别 <span class="caret"></span>
			        </button>
			        <ul class="dropdown-menu">
			            <li><a href="#">早餐</a></li>
			            <li><a href="#">午餐</a></li>
			         </ul>
			    </div>
 
 			</div>
 			<table id="tb_departments"></table>
 		</div>
	</section>
</div>
<script>
$(function () {

	 //1.初始化Table
	 var oTable = new TableInit();
	 oTable.Init();
	 
	 //2.初始化Button的点击事件
	 var oButtonInit = new ButtonInit();
	 oButtonInit.Init();
	 
	});
	 
	 
	var TableInit = function () {
	 var oTableInit = new Object();
	 //初始化Table
	 oTableInit.Init = function () {
	 $('#tb_departments').bootstrapTable({
	 url: '/Home/GetDepartment', //请求后台的URL（*）
	 method: 'get', //请求方式（*）
	 toolbar: '#toolbar', //工具按钮用哪个容器
	 striped: true, //是否显示行间隔色
	 cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
	 pagination: true, //是否显示分页（*）
	 sortable: false, //是否启用排序
	 sortOrder: "asc", //排序方式
	 queryParams: oTableInit.queryParams,//传递参数（*）
	 sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
	 pageNumber:1, //初始化加载第一页，默认第一页
	 pageSize: 10, //每页的记录行数（*）
	 showExport: true,                     //是否显示导出
	 exportDataType: "all",              //basic', 'all', 'selected'.
	//  pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
	//  search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
	 strictSearch: true,
	 showColumns: false, //是否显示所有的列
	//  showRefresh: true, //是否显示刷新按钮
	 minimumCountColumns: 2, //最少允许的列数
	 clickToSelect: true, //是否启用点击选中行
	 height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
	 uniqueId: "ID", //每一行的唯一标识，一般为主键列
	 showToggle:false, //是否显示详细视图和列表视图的切换按钮
	 cardView: false, //是否显示详细视图
	 detailView: false, //是否显示父子表
	 columns: [{
	 checkbox: true
	 }, {
	 field: 'Name',
	 title: '姓名'
	 }, {
	 field: 'food_time',
	 title: '餐别'
	 }, {
	 field: 'payment',
	 title: '支付方式'
	 }, {
	 field: 'cost',
	 title: '消费金额'
	 },{
	 field: 'type',
	 title: '用户类型'
	 }, ]
	 });
	 };
	 
	 //得到查询的参数
	 oTableInit.queryParams = function (params) {
	 var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
	 limit: params.limit, //页面大小
	 offset: params.offset, //页码
	 departmentname: $("#txt_search_departmentname").val(),
	 statu: $("#txt_search_statu").val()
	 };
	 return temp;
	 };
	 return oTableInit;
	};
	 
	 
	var ButtonInit = function () {
	 var oInit = new Object();
	 var postdata = {};
	 
	 oInit.Init = function () {
	 //初始化页面上面的按钮事件
	 };
	 
	 return oInit;
	};

</script>
